@charset "utf8";

*{
	/* 盒模型 超链接 去掉列表项标志 */
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	color:#333;
	font-size: 16px;
	font-family:微软雅黑;  
}
/* 1.左栏框：article */
article{
	width: 235px;
	height: 600px;
	bord er:1px solid red;
	background-color:#949494;
	color:#fff;
	
}
/* 左栏效果 列表项：颜色 垂直居中 相对定位 */
article ul.sidebar li{
	bord er:1px solid #949494;
	color:#fff;
	height: 60px;
	text-align: left;
	position: relative;/* 勾点位 */
	line-height:60px;	
}

article ul.sidebar li:hover{
	background-color:#ff5500;
}
/* 3.左栏弹出:使用绝对定位{钩子} */
article ul.sidebar div.outer{
	position: absolute;
	width: 500px;
	height: 600px;
	border:1px solid red;
	left: 235px;
	/*Jquery 切换： 显示与隐藏 */
	display: block;
	/* 堆叠属性 */
	z-index:999;
	
}
article ul.sidebar span{
	float:right;
	mar gin-top:20px;
	color:white;
}


